<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>管理后台</title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/fai.min.css">
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/master.min.css">
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/default.min.css">
		<script type="text/javascript" src="__PUBLIC__/js/jquery-1.11.1.min.js"></script>
		<style>
			.headerRight .topTag a{margin-left:10px;}
			.headerRight .topTag{width:80px;}
		</style>
	</head>
	<body>
		<div id="header">
			<div class="logoWrapper">
				<a href="javaScript:void(0);">
					<img id="corp-logo" src="__PUBLIC__/admin/image/logo11.jpg" class="logo" />
				</a>
			</div>
			<div class="headerRight">
				<div class="topTag">
					<span>
						<div class="sep sep1"></div>
						<a href="<{:U('Admin/Customer/logout')}>">退出</a>
					</span>
					<span class="outImg"></span>
				</div>
				<!-- <div class="topTag">
					<span>
						<div class="sep sep1"></div>
						<a href="javaScript:void(0)" onclick="$('#mainFrame').attr('src', '<{:U("Index/pwd")}>');">修改密码</a>
					</span>
				</div> -->
				<div class="userNameWidth"><{$customer.username|default='管理员'}>，您好！&nbsp;&nbsp;&nbsp;</div>
			</div>
		</div>
		<div class="indexContainer">
			<div id="leftContainer" class="leftContainer" style="overflow-y:auto;">
				<div class="firstTag">
					<a class="leftTag" href="javaScript:void(0);">活动管理<span class="rightArrow"></span></a>
				</div>
				<ul class="ulList">
					<li class="childMenu">
						<a data-src="<{:U('Admin/Photos/index')}>" href="javaScript:void(0)">活动数据</a>
					</li>
					<li class="childMenu">
						<a data-src="<{:U('Admin/Ad/index', array('type'=>'1'))}>" href="javaScript:void(0)">个人中心广告</a>
					</li>
					<li class="childMenu lastMenu">
						<a data-src="<{:U('Admin/Ad/index', array('type'=>'2'))}>" href="javaScript:void(0)">图片列表广告</a>
					</li>
				</ul>
				<div class="firstTag">
					<a class="leftTag" href="javaScript:void(0);">微信设置<span class="rightArrow"></span></a>
				</div>
				<ul class="ulList">
					<li class="childMenu">
						<a data-src="<{:U('Wechat/WxCommon/url_token')}>" href="javaScript:void(0)">配置接口</a>
					</li>
					<li class="childMenu">
						<a data-src="<{:U('Wechat/WxAutoReply/add', array('type'=>'1'))}>" href="javaScript:void(0)">首次关注回复</a>
					</li>
					<li class="childMenu">
						<a data-src="<{:U('Wechat/WxAutoReply/add', array('type'=>'2'))}>" href="javaScript:void(0)">无匹配回复</a>
					</li>
					<li class="childMenu">
						<a data-src="<{:U('Wechat/WxCommon/index', array('type'=>'1'))}>" href="javaScript:void(0)">关键词回复</a>
					</li>
					<li class="childMenu lastMenu">
						<a data-src="<{:U('Wechat/WxMenu/index')}>" href="javaScript:void(0)">自定义菜单</a>
					</li>
				</ul>
			</div>
			<table cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td valign="top" style="width:100%;height:100%;">
							<iframe id="mainFrame" name="mainFrame" frameborder="0" scrolling="auto" src="">
								浏览器不支持嵌入式框架
							</iframe>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<script>
			$(function(){
				//点击一级菜单
				$('.firstTag').click(function(){
					//展开二级菜单
					$('.ulList').hide('');
					$(this).next('ul').show();
					//一级菜单箭头转向
					$('.firstTag a span').removeClass('rotate90');
					$(this).children().find('span').addClass('rotate90');
					//第一个子菜单高亮
					$('.childMenu').removeClass('active');
					$(this).next('ul').children().eq(0).addClass('active');
					//子页面变化
					$('#mainFrame').attr('src', $(this).next('ul').children().find('a').eq(0).attr('data-src'));
				});

				//点击二级菜单
				$('.childMenu a').click(function(){
					$('.childMenu').removeClass('active');
					$(this).parent().addClass('active');
					$('#mainFrame').attr('src', $(this).attr('data-src'));
				});

				//默认展开第一个
				$('.firstTag').eq(0).click();
			});
		</script>
	</body>
</html>